module.exports = {
  // 配置基本路径，使用相对路径定义，让打包输出的文件能够直接在本地运行
  publicPath: '/',
  // 配置输出文件目录，使用相对路径输出，让打包输出的文件能够直接在本地运行
  outputDir: './dist',
  // 配置eslint-loader是否在保存的时候检查相关语法异常警告提示
  lintOnSave: true,
  // 生产环境是否生成sourceMap文件，在打包后可以直接定位到bug所在的具体位置
  productionSourceMap: true,
  css: {
    // // 是否使用css分离插件ExtractTextPlugin，如果使用的话css将会分离打包，配合按需加载
    // extract: true,
    // // 是否开启css source maps，在打包后可以直接定位css所在位置
    // sourceMap: false,
    loaderOptions: {
      scss: {
        // @/ 是 src/ 的别名
        // 注意：在 sass-loader v8 中，这个选项名是 "prependData"
        prependData: `@import "@/style/global.scss";`
      },
    }
  },
  devServer: {
    // 配置自动启动浏览器
    open: true,
    // 配置服务器访问地址，使用以下地址可支持本地局域网内测试，方便移动端链接测试
    host: '0.0.0.0',
    // 端口号
    port: 8000,
    // 是否启动https
    https: false,
    hot: true,
    // 服务器代理配置，是否启动
    /*
      // 如果启动了服务器代理配置，则参考以下进行配置，一般是用来解决跨域问题
      // 配置跨域处理，只有一个代理
      proxy: 'http://localhost:4000',
      // 配置多个代理
      proxy: {
        '/api': {
          target: '<url>',
          ws: true,
          changeOrigin: true
        },
        '/foo': {
          target: '<url>',
          ws: true,
          changeOrigin: true
        },
        before: app => {}
      }
    */
  }
}